.maxBox {
	width: 1920px;
	height: 1080px;
	position: relative;

	.zhuMax {
		position: absolute;
		top: 0;
		left: 0;
		width: 1920px;
		height: 1080px;
		z-index: 1;
		display: flex;
		flex-direction: column;
		justify-content: space-between;

		.zhuMax-top {
			width: 100%;
			background-color: #222222;
			height: 70px;
			display: flex;
			justify-content: space-between;
			color: #ffffff;

			.top-left {
				display: flex;

				.logo {
					width: 70px;
					height: 70px;
					padding: 18px;
					box-sizing: border-box;
					margin-left: 10px;
					cursor: pointer;
					img {
						width: 100%;
						height: 100%;
						background-size: 100% 100%;
					}
				}

				.top-left-1 {
					// background-color: #4472c4;
					width: 70px;
					height: 70px;
					padding: 7px;
					box-sizing: border-box;
					margin-left: 10px;
					img{
						width: 100%;
						height: 100%;
						background-size: 100% 100%;
					}
				}

				.top-left-2 {
					// background-color: #4472c4;
					height: 70px;
					line-height: 70px;
					padding: 0 10px;
					box-sizing: border-box;
					font-weight: bold;
					letter-spacing: 1px;
					margin-left: 0px;
				}
			}

			.top-right {
				display: flex;

				.top-right-1 {
					background-color: #4472c4;
					height: 70px;
					line-height: 70px;
					padding: 0 20px;
					box-sizing: border-box;
					font-weight: bold;
					letter-spacing: 1px;
					margin-right: 10px;
				}

				.top-right-2 {
					// background-color: #4472c4;
					height: 70px;
					line-height: 70px;
					padding: 0 20px;
					box-sizing: border-box;
					font-weight: bold;
					letter-spacing: 1px;
					margin-right: 10px;
				}

				.top-right-3 {
					// background-color: #4472c4;
					height: 70px;
					// line-height: 70px;
					padding: 0 20px;
					box-sizing: border-box;
					font-weight: bold;
					letter-spacing: 1px;
					display: flex;
					align-items: center;
					img{
						width: 30px;
						height: 30px;
						background-size: 100% 100%;
						cursor: pointer;
					}
				}
			}
		}

		.zhuMax-bom {
			width: 100%;
			height: 1010px;
			// background-color: rgba(41, 204, 82, 0.5);
			display: flex;
			justify-content: space-between;

			.menu {
				background-color: #1c222a;
				width: 80px;
				height: 100%;
				transition: opacity 0.5s ease, visibility 0s 0.5s;
				.menu-top {
					width: 100%;
					height: 100%;
					display: flex;
					flex-direction: column;

					.menu-item {
						width: 80px;
						height: 85px;
						color: #ffffff;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						background-color: #302f38;
						margin-bottom: 2px;
						cursor: pointer;

						&:nth-child(9) {
							margin-top: 140px;
						}

						.icon {
							width: 35px;
							height: 35px;

							img {
								width: 100%;
								height: 100%;
							}
						}

						.text {
							font-weight: bold;
							font-size: 12px;
							margin-top: 5px;
						}
					}
				}

			}

			.conent {
				// width: 875px;
				// height: 100%;
				// background-color: aquamarine;
				text-align: left;
				flex: 1;

				.conent-top {
					width: 50%;
					height: 80px;
					color: #ffffff;
					padding-left: 48px;
					box-sizing: border-box;
					display: flex;
					flex-direction: column;
					justify-content: center;

					.conent-top-top {
						color: rgba(255, 255, 255, .5);
						font-size: 14px;

						img {
							width: 15px;
							height: 15px;
							background-size: 100% 100%;
						}
					}

					.bom-text {
						font-size: 22px;
						font-weight: bold;
					}
				}

				.conent-bom {
					width: 100%;
					height: 930px;
					padding-left: 40px;
					box-sizing: border-box;
					display: flex;
					// justify-content: space-between;		
					color: #ffffff;
					position: relative;
					.danxianTu{
						position: absolute;
						width: 660px;
						height: 710px;
						// background-color: #5c2020;
						background-color: #151515;
						top: 70px;
						img{
							// width: 660px;
							// height: 510px;
							// // background-size: 100% 100%;
							// background-repeat:no-repeat; //是否平铺
							// background-position:center;//设置背景图像的起始位置
							// background-size:cover;//规定背景图像的尺寸
							width: 100%;
							height: 100%;
							object-fit: cover;
					  
							
						}
					}
					.conent-bom-left {
						width: 700px;
						display: flex;
						justify-content: space-between;
						padding-right: 40px;
						box-sizing: border-box;

						.qieItem {
							width: 320px;
							height: 60px;
							display: flex;
							align-items: center;
							justify-content: center;
							background-color: #302f38;
							cursor: pointer;
						}
					}

					.conent-bom-right {
						width: 1050px;
						.el-table{
							border-color: black;
							:deep(th){
								border: 1px solid #000000;
							  }
							:deep(td){
							  border: 1px solid #000000;
							}
						}
						
					
						
						:deep(.el-table){
							--el-table-border-color:black;
						  }
						
						:deep(.el-table) th {
							// background: #302f38;
							background: #434551;
							color: #ffffff;
							height: 60px;
							font-size: 20px;
							// text-align: center;
						}
						:deep(.el-table) tr {
							background: #1c222a;
							color: #b5bbc3;
							height: 60px;
							font-size: 16px;
						}
				
						:deep(.el-table__body) tr.current-row>td {
							background-color: #78f709 !important;
							// /* color: #f19944; */
							/* 设置文字颜色，可以选择不设置 */
						}
						:deep(.el-table--enable-row-hover) .el-table__body tr:hover>td {
							// background-color: #f6d604 !important;
							cursor: pointer;
							/* 修改鼠标样式 */
							 color: #000000; 
							/* 设置文字颜色，可以选择不设置 */
						}
						:deep(.el-table__empty-block) {
							background-color: #000000;
						}
					}
				}
			}
		}
	}









	// 固定背景色
	.maxBox-bg1 {
		position: absolute;
		background-color: #000000;
		top: 0;
		left: 0;
		width: 1920px;
		height: 220px;
		z-index: 0;
	}

	.maxBox-bg2 {
		position: absolute;
		background-color: #000000;
		top: 0;
		left: 0;
		// width: 120px;
		width: 1120px;
		height: 1080px;
		z-index: 0;

	}

	.maxBox-bg3 {
		position: absolute;
		background-color: #000000;
		top: 0;
		left: 780px;
		width: 1140px;
		height: 1080px;
		z-index: 0;

	}

	.maxBox-bg4 {
		position: absolute;
		background-color: #000000;
		top: 930px;
		left: 0;
		width: 1920px;
		height: 150px;
		z-index: 0;

	}
}

.active3d{
	background-color: #f5f7fa !important;
	color: #000000 !important;
}


.activeClass {
	color: #000000 !important;
	background-color: #ffffff !important;
}
.width120{
	width: 120px !important;
}





.zhiDeng{
	margin: 10px 50px;
	width: 20px;
	height: 20px;
	background-color: #78f709; /* 圆圈的背景颜色 */
	border-radius: 50%; /* 使其成为圆形 */
	box-shadow: 0 0 5px rgba(120, 245, 9, 1), 0 0 15px rgba(120, 245, 9, 0.5); /* 稍微超出圆圈的发光效果 */
	transition: box-shadow 0.3s ease-in-out; /* 发光效果的平滑过渡 */
}
.zhiDeng:hover {
	box-shadow: 0 0 8px rgba(120, 245, 9, 1), 0 0 20px rgba(120, 245, 9, 0.7); /* 鼠标悬停时稍微增强发光效果 */
}